<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
        <div id="aa">0%</div>

            <script>
                var l=0;
                var imgs;
                var sum=0;
                var imgs=new Array();
                function chk(){
                  l--;
                  document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%";
                  if (l==0){
                     for (var i=0;i<sum;i++)
                       document.body.innerHTML+="<img src='"+imgs[i].src+"'>"
                  }
                }
                if (document.images){
                    imgs[0]=new Image()
                    imgs[1]=new Image()
                    imgs[2]=new Image()
                    imgs[0].src="KMessageBox/alter_bar.gif";
                    imgs[1].src="KMessageBox/alter_bg.gif";
                    imgs[2].src="KMessageBox/compose.gif";
                }
                
            </script>

    <script>
        sum=l=imgs.length;
        for (var i=0;i<l;i++){
          imgs[i].onload=chk;
          imgs[i].onerror=chk;//无论图片是否加载成功，都执行指定方法
        }
    </script>


</body>
</html>
